<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title></title>
	<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
	<link rel="stylesheet" type="text/css" href="__CSS__/index.css"/>
	<link rel="stylesheet" type="text/css" href="__CSS__/swiper-3.4.2.min.css"/>
	<script src="__JS__/jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="__JS__/swiper-3.4.2.min.js" type="text/javascript" charset="utf-8"></script>

</head>
<script>
    (function(doc, win) {
        var docEl = doc.documentElement,
            resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
            recalc = function() {
                var clientWidth = docEl.clientWidth;
                if(!clientWidth) return;
                docEl.style.fontSize = 100 * (clientWidth / 640) + 'px';
            };
        if(!doc.addEventListener) return;
        win.addEventListener(resizeEvt, recalc, false);
        doc.addEventListener('DOMContentLoaded', recalc, false);
    })(document, window);
</script>
<style>
	.container{
		height: 2rem;
		width: 100%;
		margin-top: 0.8rem;
	}
</style>
<body>
<div class="container">
	<header>
		<div class="heL">
			<span>廊坊</span>
			<img src="__IMG__/down.png" alt="" class="down">
		</div>
		<div class="heM">
			<img src="__IMG__/sousuo.png" alt="">
			<input type="text" class="ser" placeholder="搜索目的地">
		</div>
		<div class="heR">
            {if condition="$Request.session.id neq ''"}
            <a href="{:url('user/index')}"><img src="__IMG__/{$Think.session.pic }" alt=""></a>
            {else /}
            <a href="{:url('login/index')}"><img src="__IMG__/denglu.png" alt=""> </a>
            {/if}
            <!--{if condition="$Request.session.login_admin.truename neq ''"}{$Request.session.login_admin.truename}{else /}未知{/if}-->
			<!--<if condition="{$Think.session.id }">-->

				<!--<else />-->
				<!--<img src="__IMG__/denglu.png" alt="">-->
			<!--</if>-->
			<!--<img src="__IMG__/denglu.png" alt="">-->

		</div>
	</header>
	<!--<img src="__IMG__/bj1.png" alt="" class="bj1">-->
	<div class="swiper-container">
		<div class="swiper-wrapper">
			{volist name="bannerList" id="vo"}
			<div class="swiper-slide">
				<a href="{$vo.url}" style="color: #fff; text-decoration: none" ><img class="bj1" src="/uploads/images/{$vo.pic}"/></a>
			</div>
			{/volist}


		</div>
	</div>
	<!--旅游-->
	{volist name="tripCate" id="vo"}
	<div class="tab1">

		<div class="div2">
			<a href="javascript:;" style="color: #fff; text-decoration: none" onclick="trip_index({$vo.id});">{$vo.name}
			</a></div>
		<ul class="div1">
			{volist name="$vo.sub_category" id="vo1"}
			<a href="javascript:;" style="color: #fff; text-decoration: none" onclick="trip_index({$vo1.id});">
				<li class="li2"id="{$vo1.id}">{$vo1.name}</li></a>
			{/volist}
		</ul>
	</div>
	{/volist}

	<!--精品特卖-->
	<div class="tip1">精品特卖</div>
	<div class="tipImg">
		{volist name="tripRecom" id="vo"}
		<a href="javascript:;" style="color: #fff; text-decoration: none" onclick="trip_detail({$vo.id});">
		<img src="/uploads/images/{$vo.photo}" alt="">
		</a>
		{/volist}
		<!--<img src="__IMG__/icon3.png" alt="">-->
	</div>
	<!--新品推荐-->
	<div class="tip1" style="color: #e9483d">新品推荐</div>
	<div class="tipImg">
		{volist name="tripJp" id="vo"}
		<a href="javascript:;" style="color: #fff; text-decoration: none" onclick="trip_detail({$vo.id});">
			<img src="/uploads/images/{$vo.photo}" alt="">
		</a>
		{/volist}
		<!--<img src="__IMG__/icon3.png" alt="">-->
	</div>
	<!--列表-->
	<ul class="list">
        {volist name="tripNew" id="vo"}
        <li>
			<a href="javascript:;" style="color: #fff; text-decoration: none" onclick="trip_detail({$vo.id});">
            <div class="list-left">
                <img src="/uploads/images/{$vo.photo}" alt="">
            </div>
            <div class="list-right">
                <p class="p1">{$vo.title}</p>
                <p class="p2"><span style="color: #77d8c5">{$vo.score}</span>分<span  style="color: #ff976e">{$vo.sales_num}</span>万条点评</p>
                <p class="p3"><span class="sp1" style="color: #ff976e">今日可用</span><span class="sp2" style="color: #77d8c5;">公园乐园</span></p>
                <!--<p class="p4">距市中心<span>23Km</span>.上海迪士尼</p>-->
                <p class="p5" style="font-size: 0.22rem;">￥<span style="color: #fa463c;font-size: 0.34rem;">{$vo.trip_price}</span>起</p>
            </div>
			</a>
        </li>
        {/volist}

	</ul>
	<p class="more">查看更多></p>
</div>
</body>

<script type="text/javascript">
    function trip_index(id){
        location.href = 'index/trip/index/id/'+id+'.html';
    }

    function trip_detail(id){
        location.href = 'index/trip/trip_detail/id/'+id+'.html';
    }
    var swiper = new Swiper('.swiper-container', {
        direction: 'horizontal',
        loop: true,
        observer:true,
        observeParents:true,
        autoplayDisableOnInteraction : false,
        autoplay:1000
    });
</script>